.invite-header {
	.card {
		&.is-compact {
			padding: 0px;

			&.invite-header__site {
				margin-bottom: 24px;
			}
		}
	}

	.invite-header__inviter-info {
		padding: 16px;
		display: flex;
		align-items: center;

		.gravatar {
			width: 32px;
			height: 32px;
			margin-right: 12px;
		}

		p {
			margin-bottom: 0;
		}
	}
}

.invite-header.is-placeholder {
	.invite-header__invited-you-text {
		@include placeholder();

		// Overriding here to match site placeholder
		animation: pulse-light 0.8s ease-in-out infinite;
	}
}
